<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单-FormDemo</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
</head>
<body>
<!--
    (label必须要有，若不想有则使用class="sr-only")
    内敛表单    无
    行内表单    form-inline
    水平表单    form-horizontal
-->
    <form role="form" class="form-horizontal">
        <div class="form-group">
            <label class="col-sm-2 control-label">username</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" placeholder="username" />
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">password</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" placeholder="password" />
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" />记住密码
                    </label>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default">登录</button>
            </div>
        </div>
    </form>
</body>
</html>